body {
	font-family: HY-XiZYJ,HY_XiZYJ,Arial;
}
a,a:hover {
	cursor: pointer;
	color: #666;	
}
.cons {
	padding: 0;
}
.navs {
	text-align: center;
	position: relative;
	margin: 0 auto;
}
.logo {
	width: .58rem;
  height: .9rem;
  margin: 0 .3rem;
	background: url(../img/logo.png) no-repeat center;
	background-size: contain;
	position: absolute;
	left: 0;
}
.search {
	font-size: .24rem;
	color: #333;
    padding: .15rem .15rem .15rem .55rem;
    width: 70%;
    border-radius: 0.1rem;
    margin: 0.16rem 16%;
    height: 0.56rem;
    background: #F4F4F4 url(../img/search.png) no-repeat 0.2rem center;
    background-size: auto .26rem;
}
.service {
	position: absolute;
	right: 0;
	background:url(../img/service.png) no-repeat center center;
    background-size: .34rem .3rem;
    margin-top: 0.15rem;
    width: 0.98rem;
    height: 0.56rem;
    line-height: 0.56rem;
}
.banner {
	height: 0;
	padding-bottom: 47.84%;
}
.banner img {
	width: 100%;
} 
.banner .swiper-pagination-bullets {
	bottom: -15%;
}
.benner span.swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    opacity: 0.8;
}
.banner span.swiper-pagination-bullet-active {
    background: #d43e2e;
}
.act {
	display: flex;
	justify-content: space-around;
}
.activity {
	background: #eeeeee;
}
.activity .activity-c {
	background-color: #fff;
    padding: .2rem .1rem;
}
.activity .act>li {
    margin-right: 0.2rem;
	width: 25%;
	padding: 0;
	font-size: 0;
}
.activity .act>li:last-child {
	margin-right: 0;
}
.act li img {
	width: 100%;
}
.img-title {
    text-align: center;
    font-size: 0.28rem;
    padding-top: 0.12rem;
    line-height: 0.45rem;
    opacity: 0.7;
}
.baitiao {
	font-size: 0;
} 
.baitiao img {
	display: block;
	width: 100%;
}
.bg-img {
	margin: 0;
	position: relative;
	height: auto;
}
.bg-oimg{
    width: 100%;
}
.bg-oimg>a {
    background: url(../img/hidden.gif);
    cursor: pointer;
    margin: .96rem 0 0 .075rem;
	float: left;
	width: 24%;
	height: 2.08rem;
}
.bg-oimg>a.anchor {
	margin: 0.208rem 0 .1762rem .075rem;
}
.bg-img,.bg-img img {
	display: block;
	width: 100%;
	height: 100%;
}
.bg-img .bg-imgs {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 100;
}
.look {
	width: 100%;
    background-color: #eee;
    overflow: hidden;
}
.look p {
	border-top: 1px solid #eee;
    color: #f36;
    opacity: 0.7;
    padding: .4rem .2rem .2rem;
    text-align: center;
    background-color: #fff;
    margin: -0.2rem 0 0.2rem;
    font-size: .3rem;
}
.look .arrow {
	vertical-align: middle;
	display: inline-block;
	border-top: 1px solid #f36;
    border-right: 1px solid #f36;
    width: .15rem;
    height: .15rem;
    background-color: transparent;
    -webkit-transform: rotate(45deg);
    margin-bottom: .04rem;
}
.cons .shops {
	text-align: center;
	background-color: #fff;
	height: 0.8rem;
	line-height: 0.8rem;
	overflow: hidden;
	font-size: 0.3rem;
	width: 100%;
	margin: 0;
	border-bottom: 1px solid #eee;
}
.cons .shops>div {
	padding: 0;
}
.cons .nav-fixed {
	position: fixed;
	z-index: 999;
	top: 0;
}
.shops a.active {
	color: #FF3366;
	border-bottom: 2px solid #FF3366;
    height: 0.6rem;
    line-height: 0.6rem;
    padding: 0 0.06rem 0.1rem 0.06rem;
}
.ad-box1 {
	margin: 0;
}
.ad-box ul>li {
	width: 50%;
	padding: 0;
}
.img-box {
	overflow: hidden;
}
.img-box img {
	width: 100%;
}
.ad-box ul>li {
	padding: 0 1% 4% 1%;
}
.ad-box .ad-box1>li p.title {
	margin-top: 0.18rem;
	font-size: 0.22rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	overflow: hidden;
	height: .34rem;
	color: #666;
}
.goods-info {
	text-align: center;
	font-size: 0;
}
.goods-info .price {
	color: #FF3366;
	font-size: 0.26rem;
	margin-right: 0.2rem;
}
.goods-info .fav-num {
	color: #999999;
	font-size: 0.26rem;
}
.goods-info .fav-num .collect {
	display: inline-block;
	background: url(../img/download.png) no-repeat;
	background-size: contain;
	width: .23rem;
	height: .22rem;
	margin-right: 0.07rem;
	vertical-align: -0.01rem;
}
.last-commodity {
	padding-bottom: 1rem;
}
.nav-bottom {
	background-color: #fafafa;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	position: fixed;
	z-index: 250;
	bottom: 0;
	height: 1rem;
	overflow: hidden;
	border-top: 1px solid #e5e5e5;
}
.nav-bottom>a {
	float: left;
	width: 25%;
	text-align: center;
	padding-bottom: 0.1rem;
	color: #666;
}
.icon-1 {
	background: url(../img/icon1.png) no-repeat;
}
.icon-2 {
	background: url(../img/icon2.png) no-repeat;
}
.icon-3 {
	background: url(../img/icon3.png) no-repeat;
}
.icon-4 {
	background: url(../img/icon4.png) no-repeat;
}
.nav-bottom .bottom-icon {
	display: block;
	margin: 0.08rem auto;
  margin-top: 0.128rem;
  width: 0.38rem;
  height: 0.38rem;
  background-size: cover;
}
.nav-bottom .bottom-text {
	display: block;
	color: #999;
	font-size: 0.25rem;
}
.nav-bottom .bottom-text.text-one {
	color: #ff3366;
}
.ad-box2,.ad-box3 {
	display: none;
}
.uptop .top-btn {
	position: fixed;
    right: 0.2rem;
    bottom: 1.35rem;
    display: none;
    width: 0.86rem;
    height: 0.86rem;
    background: url(../img/uptop.png) no-repeat;
    background-size: 100% 100%;
}
@media only screen and (min-width: 100px) and (max-width: 320px) {
	html {
		font-size: 42.6667px;
	}
}

@media only screen and (min-width: 321px) and (max-width: 360px) {
	html {
		font-size: 48px;
	}
}

@media only screen and (min-width: 361px) and (max-width: 375px) {
	html {
		font-size: 50px;
	}
}

@media only screen and (min-width: 376px) and (max-width: 414px) {
	html {
		font-size: 55.2px;
	}
}

@media only screen and (min-width: 415px) and (max-width: 640px) {
	html {
		font-size: 60px;
	}
}

@media only screen and (min-width: 641px) {
	html {
		font-size: 72px;
	}
}